<!DOCTYPE html>
<html>
<head>
	<title>svg.js</title>
	<script src="http://libs.useso.com/js/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
	<script src="./svg.js/svg.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="./svg.js/svg.draggable.js" type="text/javascript" charset="utf-8"></script>
    <script src="./svg.js/svg.easing.js" type="text/javascript" charset="utf-8"></script>
    <!-- <script src="./svg.js/helper.js" type="text/javascript" charset="utf-8"></script> -->
    <!-- <script src="./svg.js/visual.js" type="text/javascript" charset="utf-8"></script> -->
</head>
<body>
	<div id="testsvgjs">
		
	</div>

	<script type="text/javascript">
		var svg = SVG('testsvgjs').size(300, 300);
		var rect = svg.rect(100, 100).attr({ fill: '#f06' }).x(10).y(100);
		rect.radius(10, 20);
		var ellipse = svg.ellipse(200, 100 );





	</script>
</body>
</html>